
// <<<<<<< HEAD:src/js/qian/xx.js

// picc.onclick = function () {
//     this.style.color = "green";
// };
//交管动态与通知公告的交互式界面
//     var jgdt1= document.getElementsByClassName("jgdt_11");
//     var jgdt2 = document.getElementsByClassName("jgdt_22");
//     console.log(jgdt1);
//     console.log(jgdt2);

//     jgdt1[0].onclick = function(){

//         jgdt1[0].style.color="#015293";
//         jgdt2[0].style.color="black";

//     };
//     jgdt2[0].onclick = function(){

//         jgdt2[0].style.color="#015293";
//         jgdt1[0].style.color="black";

//     };


//     //交互式下面的内容
//     var tab_list = document.querySelector('.tab_list');
//     var lis = tab_list.querySelectorAll('li');
//     var items = document.querySelectorAll('.item');
//     // console.log(tab_list)
//     // console.log(lis)
//     // console.log(items)
//     // for 循环绑定点击事件
// for(var i=0;i<lis.length;i++){
//     //为li设置索引号
//     lis[i].setAttribute('index',i)
//     lis[i].onclick=function(){
//         //其他的li清除class这个类
//         for(var i=0;i<lis.length;i++){
//             lis[i].className="";
//         }
//         //留下自己
//         this.className="current";
//         var index = this.getAttribute('index')
//         console.log(index);
//         for(var i=0;i<items.length;i++){
//             items[i].style.display="none";
//         }
//         items[index].style.display="block"
//     }
// }
// //给jgdt设置默认点击状态
// setTimeout(function(){
//     if(document.all){
//         jgdt1[0].click();
//     }else{
//         var e =document.createEvent('MouseEvents');
//         e.initEvent("click",true,true);
//         jgdt1[0].dispatchEvent(e);

//     }
// },0)
// var time = document.getElementsByClassName("time");
// var jgdt_title1 = document.getElementsByClassName("jgdt_title1");
// var titles = document.getElementsByClassName("titles");
// var index = 0;
// for(var i=0;i<time.length;i++){
//     titles[i].onmouseenter = function(){
//         console.log(i)
//     }
// }
// =======
// >>>>>>> 4461ce13fa5e85d764f5abddee1e02bf1640a6dd:src/js/qian/index2.js

$(function () {
    var tab_span = $(".zwgk_tpxw span");
    tab_span.click(function () {
        $(this).addClass("active").siblings().removeClass("active");
        var index = tab_span.index(this);
        //console.log(index);
        $(".jgdt_tzgg>ul").eq(index).show().siblings().hide();
        $(".zwgk_jgdt .more>a").eq(index).show().siblings().hide();
    })
})
//图片新闻轮播
$(function () {
    (function ($) {
        $.fn.Slide = function (options) {
            var defaults = {
                item: "slide-item",
                nav: "slide-nav",
                nowClass: "nownav",
                loading: "slide-loading"
            },
                options = options || {};
            options = $.extend(defaults, options);
            var cont = $(this),
                item = cont.find("." + options.item),
                nav = cont.find("." + options.nav),
                curr = options.nowClass,
                len = item.length,
                width = item.width(),
                //html = "",
                index = order = 0,
                timer = null,
                lw = "-" + width + "px",
                rw = width + "px",
                newtimer,
                ld = cont.find("." + options.loading);
            item.each(function (i) {
                $(this).css({
                    left: i === index ? 0 : (i > index ? width + 'px' : '-' + width + 'px')
                });
                //html += '<a href="javascript:">' + (i + 1) + '</a>';
            });
            $("#slide").hover(function () {
                $('#next').fadeIn();
                $('#prev').fadeIn();
            },
                function () {
                    $('#next').fadeOut();
                    $('#prev').fadeOut();
                });
            //nav.html(html);
            var navitem = nav.find("a");
            navitem.eq(index).addClass(curr);
            function anim(index, dir) {
                loading();
                if (order === len - 1 && dir === 'next') {
                    item.eq(order).stop(true, false).animate({
                        left: lw
                    });
                    item.eq(index).css({
                        left: rw
                    }).stop(true, false).animate({
                        left: 0
                    });
                } else if (order === 0 && dir === 'prev') {
                    item.eq(0).stop(true, false).animate({
                        left: rw
                    });
                    item.eq(index).css({
                        left: lw
                    }).stop(true, false).animate({
                        left: 0
                    });
                } else {
                    item.eq(order).stop(true, false).animate({
                        left: index > order ? lw : rw
                    });
                    item.eq(index).stop(true, false).css({
                        left: index > order ? rw : lw
                    }).animate({
                        left: 0
                    });
                }
                order = index;
                navitem.removeClass(curr).eq(index).addClass(curr);
            }
            function next() {
                index = order >= len - 1 ? 0 : order + 1;
                _stop();
                ld.stop(true, true).animate({
                    "width": 0
                },
                    0);
                anim(index, 'next');
                timer = setInterval(next, 5000);
            }
            function prev() {
                index = order <= 0 ? len - 1 : order - 1;
                _stop();
                ld.stop(true, true).animate({
                    "width": 0
                },
                    0);
                anim(index, 'prev');
                timer = setInterval(next, 5000);
            }
            function auto() {
                loading();
                timer = setInterval(next, 5000);
            }
            function _stop() {
                clearInterval(timer);
            }
            function loading() {
                ld.css({
                    "height": "0",
                    "height": "5px",
                    "position": "absolute",
                    "left": "0",
                    "bottom": "0",
                    "background": "#fff",
                    "z-index": "10"
                });
                ld.animate({
                    "width": "100%"
                },
                    5000).animate({
                        "width": 0
                    },
                        0);
            }
            return this.each(function () {
                auto();
                navitem.hover(function () {
                    _stop();
                    var i = navitem.index(this);
                    if (/nownav/.test($(this).attr('class'))) {
                        return false;
                    }
                    if (newtimer) clearTimeout(newtimer);
                    newtimer = setTimeout(function () {
                        _stop();
                        ld.stop(true, true).animate({
                            "width": 0
                        },
                            0);
                        anim(i, this);
                    },
                        250);
                },
                    auto);
                $('#next').on('click', next);
                $('#prev').on('click', prev);
            });
        };
    })(jQuery);
    $("#slide").Slide();
});




